<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title style="background-color: #00c6a7;">友洗环保</title>
	<link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<style type="text/css">
		.logo{
			width: 120px;
			text-align: center;
			margin: 0 auto;
			top: -170px;
			position: relative;
		}
		.logo img{
			width: 60%;
			margin: 0 auto;
		}
		/*.form li div img{
			width: 2em;
		}*/
		.form li{
			padding-top: 5px !important;
			padding-bottom: 5px !important;
		}
		.aui-img-round{
			width: 1.5em;
		}
		.aui-list .aui-list-item{
			padding-left: 0px
		}
	</style>
</head>

<body style="background: white;">
	<div id="app">
		<div class="aui-card-list-content">
			<img src="../image/reg_headback.png" />
			<div class="logo">
				<img src="../image/logo.png"/>
				<h3 style="color: white; margin-top: -5px;">友洗环保洗车</h3>
			</div>
		</div>
		<div class="aui-content-padded aui-margin-b-15" style="margin-top: -80px; padding: 0px 10px">
			<ul class="aui-list aui-form-list aui-list-noborder form" style="border-bottom: 1px solid #dddddd">
				<li class="aui-list-item">
					<div class="aui-list-item-inner">
						<div class="aui-list-item-label-icon ">
							<img src="../image/name.png" class="aui-img-round" />
						</div>
						<div class="aui-list-item-input">
							<input type="text" v-model="info.name" name="user_name" style="font-size: 14px;" placeholder="输入姓名">
						</div>
					</div>
				</li>
				<li class="aui-list-item">
					<div class="aui-list-item-inner">
						<div class="aui-list-item-label-icon">
							<img src="../image/phone.png" class="aui-img-round" />
						</div>
						<div class="aui-list-item-input">
							<input type="text" v-model="info.phoneNum" name="phoneNum" placeholder="输入电话">
						</div>
					</div>
				</li>
				<li class="aui-list-item">
					<div class="aui-list-item-inner">
						<div class="aui-list-item-label-icon">
							<img src="../image/pid.png" class="aui-img-round" />
						</div>
						<div class="aui-list-item-input">
							<input type="text" v-model="info.cardSn" name="pid" placeholder="输入身份证号">
						</div>
					</div>
				</li>
				<li class="aui-list-item">
					<div class="aui-list-item-inner">
						<div class="aui-list-item-label-icon">
							<img src="../image/shopico.png" class="aui-img-round" />
						</div>
						<div class="aui-list-item-input">
							<input type="text" v-model="info.merchantCode" name="shopid" placeholder="输入商户编码">
						</div>
					</div>
				</li>
				<li class="aui-list-item">
					<div class="aui-list-item-inner">
						<div class="aui-list-item-label-icon">
							<img src="../image/code.png" class="aui-img-round" />
						</div>
						<div class="aui-list-item-input">
							<input type="text" v-model="code" name="code" placeholder="输入验证码">
						</div>
					</div>
					<div class="aui-list-item-right" style="width: 100px; height: 20px; text-align: center; margin-top: 15px; color: #00C6A7; border-left: 1px solid #ccc;" v-show="buttonCodeShow" @click="getCode();">获取验证码</div>
					<div class="aui-list-item-right" style="width: 100px; height: 20px; text-align: center; margin-top: 15px; color: #00C6A7; border-left: 1px solid #ccc;" v-if="!buttonCodeShow">{{counttime}} 秒后重新获取验证码</div>
				</li>
			</ul>
			<img src="../image/register_bottom.png" >
			<div class="aui-bar-tab-item" style="margin-top: -74px">
				<div class="aui-btn aui-btn-success aui-btn-block" style="background-color: #00c6a7;border-radius: 40px;" @click="register();">注册</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/base64.js"></script>
<script type="text/javascript" src="../script/md5.js"></script>
<script type="text/javascript" src="../script/common/api.js"></script>
<script type="text/javascript" src="../script/common/vue.js"></script>
<script type="text/javascript" src="../script/my/technician.js"></script>
<script type="text/javascript">
	apiready = function() {

	};
</script>

</html>
